<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="index.css" />
    <title>Document</title>
  </head>
  <body>
    <div>
      <img
        src="https://img1.imgtp.com/2023/02/16/dRdOCJZB.jpg"
      />

      <div action="" class="login">
        <p id="title" class="title">GRD-LAMP</p>

        <div class="set-brightness">
          <p id="passage" class="passage">设置亮度：</p>
          <input type="range" id="brightness" max="255" min="0" value="0" />
          <span id="span" class="span">0</span>
        </div>
        <div class="set-pace">
          <p id="passage" class="passage">设置速率：</p>
          <input type="range" id="pace" max="255" min="0" value="0" />
          <span id="span1" class="span1">0</span>
        </div>

        <div class="now-pattern">
          
            <p class="passage">当前模式：              </p>
          
          <span id="span-pattern" class="span-pattern">pattern</span>
        </div>

        <div>
          <p class="select-pattern">选择模式：</p>

          <but1 id="but1" class="but1">流动彩虹</but1>
          <but2 id="but2">全彩变化</but2>
          <but3 id="but3">呼吸灯</but3>
          <but4 id="but4">暖光灯</but4>
          <but5 id="but5">冷光灯</but5>
          <but6 id="but6">追光灯1</but6>
          <but7 id="but7">追光灯2</but7>
          <but8 id="but8">追光灯3</but8>
        </div>
        <div class="slipNav">
          <nav>
            <a  ><img id="main" class="main_page" src="https://img1.imgtp.com/2023/06/07/vMeUuYrI.png"></a>
            <a href="./coloradmin.html" ><img  id="else" class="else_page" src="https://img1.imgtp.com/2023/06/07/riC9d1ja.png" ></a>
            <div class="select-line" id="select-line"></div>
          </nav>
          <!-- 底部线条 -->
            <div class="line"></div>
        </div>
      </div>

    </div>
    <script src="./index.js"></script>

    <style></style>
  </body>
  
</html>
